<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">
<link href="./css/indexjsp.css" rel="stylesheet">
<link href="./css/111.css" rel="stylesheet">
<link href="./css/animate.css" rel="stylesheet">
<title>欢迎来到我的个人主页</title>
</head>

<body>
	<div class="container">

		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">

					<ul class="nav navbar-nav">
						<li><a>博客</a></li>
						<li><a href="#part1" class="one">自我介绍</a></li>
						<li><a href="#part2" class="one">我的家乡</a></li>
						<li><a href="#part3" class="one">联系我们</a></li>
						<li><a class="glyphicon glyphicon-comment">&nbsp;5</a></li>
						<li class="dropdown"><a href="#"
							class="dropdown-toggle glyphicon glyphicon-plus"
							data-toggle="dropdown" role="button" aria-haspopup="true"
							aria-expanded="false">&nbsp;新建</a>
							<ul class="dropdown-menu">
								<li><a>article</a></li>
								<li><a>media</a></li>
								<li><a>page</a></li>
								<li role="separator" class="divider"></li>
								<li><a>User</a></li>
							</ul></li>
					</ul>

					<ul class="nav navbar-nav navbar-right">
						<li><a href="wode.jsp">我的微博&nbsp;&nbsp;&nbsp;<img
								src="img/3.jpg" width="15%" height="15%"></a></li>
					</ul>
				</div>
			</div>
		</nav>

		<div class="header">
			<div class="header_top">
				<div class="header_top_div">
					<h1>小&nbsp;太&nbsp;阳</h1>
					<h5>一个属于自己的网站</h5>
				</div>
				<div class="header_top_div1">
					<ul>
						<li><a href="#">MENU</a></li>
					</ul>
				</div>
			</div>

			<div class="header_buttom">
				<div class="header_buttom_z">
					<div class="header_buttom_img">
						<img src="./img/timg3.jpg" width="1000" height="564">
					</div>
					<div class="header_buttom_content">
						<div class="header_buttom_content_wrapper">
							<h2 class="section_title">Happy Days</h2>
							<p>
								And a Joyful New Day<br> <span class="header-button">
									<a href="#" class="but">Continue Reading</a>
								</span>
							</p>
						</div>
					</div>
				</div>
			</div>

		</div>

		<div class="content" id="part1">
			<div class="content-area">
				<header class="blog">
					<div class="page-title-wrapper">
						<h2 class="page-title">News</h2>
					</div>
				</header>
				<div class="post-archive">
					<div class="post-left img-circle"
						style="background-image: url(./img/QQ.jpg)">
						<a href="#"></a>
					</div>
					<div class="post-right">
						<div class="post-wrapper">
							<header class="entry-title">
								<h2>你好，我的名字叫陈月琳</h2>
							</header>
							<div class="entry-summary">
								<p class="p1">欢迎大家来到我的个人主页，我叫陈月琳，来自软件161，没有担任任何职务，不过这不是重点……我！年龄永远18！
									星座双子，来自大温州，我性格开朗，为人诚实大方，积极向上，勤奋好学，能够吃苦耐劳。
									我的兴趣爱好是参加一些体育活动，比如跑步，健身，比较喜欢登山一类的活动，当然也少不了吃东西啦，
									作为吃货的我希望这辈子有机会和自己志同道合的人一起去旅游尝遍美食以及赚更多更多的钱。
									哈哈哈哈！最后祝各位俊男靓女们元旦快乐！！！</p>
							</div>
							<footer class="entry-meta">
								<span class="posted-on">2017年12月15日</span> <span class="byline"><a>CHENYLIN</a></span>
								<span class="commit"><a href="#">I COMMENT</a></span>
							</footer>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content_top" id="part2">
			<h2>我的家乡</h2>
		</div>

		<div class="content_center">
			<div class="content_one pic">
				<img src="img/ruian.jpg">
				<p>家乡-温州瑞安大桥</p>
			</div>
			<div class="content_two pic">
				<img src="img/jiangxinyu.jpg" />
				<p>家乡-温州江心屿</p>
			</div>
			<div class="content_three pic">
				<img src="img/yandangshan.jpg" />
				<p>家乡-温州雁荡山</p>
			</div>
		</div>

		<div class="content_buttom" id="part3">
			<div class="content_buttom_left">
				<div class="content_buttom_left_center">
					<h4>
						<strong>联系我们</strong>
					</h4>
					<br />
					<h4>
						<strong>地址</strong>
					</h4>
					龙南04北 104 <br /> Jin Hua, 10001 <br /> <br />
					<h4>
						<strong>在线时间</strong>
					</h4>
					星期一—五：9:00–17:00 <br /> 星期六—日：11:00–15:00
				</div>
			</div>
			<div class="content_buttom_right">
				<div class="content_buttom_right_center">
					<div class="content_buttom_right_center_top">
						<h4>
							<strong>关于本站</strong>
						</h4>
						<br /> 这里也许是个介绍您自己的好地方，也能介绍您的网站或放进一些工作人员名单。
					</div>
					<div class="content_buttom_right_center_buttom">
						<h4>
							<strong>搜索</strong>
						</h4>
						<div class="input-group">
							<input type="search" class="form-control" placeholder="Search...">
							<span class="input-group-addon"> <span
								class="glyphicon glyphicon-search"></span>
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="site">
				<div class="wrapper">
					<div class="social"></div>
					<div class="info">Copyright © 2017 小太阳. All Rights Reserved |
						Snowflakes By Catch Themes</div>
				</div>
			</div>
		</div>

	</div>

	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>

</html>